<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div></div>
    <hr>
    <section></section>
    <hr>
    <p></p>
    <hr>
    <span></span>
    <script src="./js/template-web.js"></script>
    <!-- <script type="text/html" id="tpl">
        <div class="box">
            <ul>
                <li><button>安排</button></li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
            </ul>
        </div>
    </script> -->
    <!-- <script type="text/html" id="tpl">
        <div class="box">
            <ul>
                <li><button>{{bl1}}</button></li>
                <li>{{bl2}}</li>
                <li>{{bl3}}</li>
                <li>{{bl4}}</li>
                <li>{{bl5}}</li>
                <li>{{bl6}}</li>
            </ul>
        </div>
    </script> -->
    <script type="text/html" id="tpl">
       {{if day===1}}
       <div>打黄棵</div>
       {{else if day===2}}
       <button>踢黄棵</button>
       {{else if day===3}}
       <h1>送黄棵</h1>
       {{else}}
       <h4>组长</h4>
       {{/if}}
    </script>
    <script>
        // let html = template('tpl', { bl1: '黄棵', bl2: '朱钟宇', bl3: '何拾欣', bl4: '何淋宇', bl5: '猪八戒', bl6: '孙悟空', })
        // document.querySelector('div').innerHTML = html
        // let text = template('tpl', { bl1: '1', bl2: '2', bl3: '3', bl4: '4', bl5: '5', bl6: '6', })
        // document.querySelector('section').innerHTML = text
        let html = template('tpl', { day: 1 })
        document.querySelector('div').innerHTML = html
        let texe = template('tpl', { day: 2 })
        document.querySelector('section').innerHTML = texe
        let texa = template('tpl', { day: 3 })
        document.querySelector('p').innerHTML = texa
        let texc = template('tpl', { day: 4 })
        document.querySelector('span').innerHTML = texc
    </script>
</body>

</html>